@extends('astron.layout')

@section('content')

    <div id="content">

        <section class="single-project-container">

            <div class="row">
                <article class="col-md-8 col-md-offset-2 single-project-content silver-bg text-left">


                    <div class="row">
                        <article class="single-project-content-inner col-md-12 white-bg text-left">
                            <h2>Porsche</h2>
                            <h3 class="sub-heading ">Astronaut and Porsche launched a new car type “Panamera” </h3>

                            <div class="single-project-slider-wrap">

                                <!-- single-project-slider : starts -->
                                <ul class="single-project-slider bxslider">
                                    <li>
                                        <img alt="" title="" src="images/case/porsche/1.jpg" />
                                    </li>
                                    <li>
                                        <img alt="" title="" src="images/case/porsche/2.jpg" />
                                    </li>

                                </ul>
                                <!-- single-project-slider : ends -->


                            </div>

                            <h3 class="sub-heading add-top-half">Case target: </h3>
                            <p>This launch of the new car type “Panamera” was to provide professional training to the attendants,
                             to realize the interaction between the brand and users and to get the statistical data of the understanding and the preference of the users toward the brand.</p>
                            <h3 class="sub-heading add-top-half">Insight: </h3>
                            <p>
                                This conference was the internal union inside the car industry. The core promotion of this event was to collect all the opinions and judgements of the professionals towards the new car type of Porsche: 
                                Panamera. Astronaut provided a perfect data solution with the strategy of inspiring the users to generate true marketing data in funny interactive experience. 
                            </p>

                            <h3 class="sub-heading add-top-half">Case description: </h3>
                            <p>The new car type Porsche “Panamera” was launched in Foshan Guangdong in Sep. 2013, where 1,500 professionals were invited to attend the
                             ten-day product show and training. Astronaut developed two versions of app – one mobile app of Android, ios and web page and the other app 
                             for ipad test （50 ipad were prepared on site）. The mobile app acted as the directive and interactive platform: to provide such info as event
                              agenda, car type knowledge, weather and map etc., with messages pushed to show the human care and the seamless connection with the brand by the 
                              function of taking photos, commenting to send opinions and feelings. The app for test provided some quiz for the users of car 
                                knowledge of Panamera, for Porsche to get accurate data about how many the users know about the car types.
                            </p>
                            <h3 class="sub-heading add-top-half">Promotion outcome: </h3>
                            <p>
                                Over 80% of the attendants downloaded the app (for both iOS and Android platform), building an effective and interesting communicational and sharing 
                                platform for the participants. The attendants not only knew more about the event info and car type knowledge but 
                                also interacted with Porsche and other attendants. The app based on the Astronaut-owned Spayz technology provided Porsche with complete and reliable users’ statistical data.
                            </p>

                            <div class="single-project-blocks-wrap">
                                <div class="row">
                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/porsche/outcoming.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/porsche/outcoming.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>

                                    <article class="col-md-6 single-project-block">
                                        <div class="color-bg">
                                            <a  class="venobox" data-gall="portfolio-gallery" href="images/case/porsche/0utcoming-porsche.jpg">
                                                <img alt="" title="" class="img-responsive" src="images/case/porsche/0utcoming-porsche.jpg" />
                                                <div class="zoom-icon-wrap"></div>
                                            </a>
                                        </div>
                                    </article>
                                </div>

                            </div>
                            <h3 class="sub-heading add-top-half">Service</h3>
                            <h4 class="sub-heading add-top-half" style="margin-top: 20px;">Analytics</h4>
                            <p><b>Marketing monitoring:</b></p>
                            <p >- Social campaigns</p>
                            <p>- ATL campaigns</p>
                            <p >- Offline events</p>
                            <p><b>Lead generation:</b></p>
                            <p>- Sales leads</p>
                            <p >- Influencers</p>
                            <p><b>Audience insights:</b></p>
                            <p >- Brand learnings</p>
                            <p>- Product insights</p>
                            <p >- Customer life cycles</p>

                        </article>
                    </div>

                </article>
            </div>


        </section>
        <!-- about-container ends -->

        <section class="container color-bg text-center">

            <div class="row">

                <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                    <h3 class="main-heading white">Like to work with us?</h3>
                    <div class="trigger-button add-top-quarter">
                        <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
                    </div>
                </article>
            </div>

        </section>




    </div>
    <!-- end content -->

    <footer class="container master-footer">
        <div class="row">
            <article class="col-md-6  text-left white-bg" id="map">
                <img src="images/map.png" alt=""/>
            </article>

            <article class="col-md-6 footer-column text-left white-bg">
                <h3>Contact Us</h3>
                <ul class="foot-links">
                    <li><p>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
                            Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</p></li>
                    <li><p>Tel+86(0) 1084186659</p></li>
                    <li><p>Fax+86(0) 1084186659</p></li>
                </ul><br>
                <h3>Social Media</h3>
                <div class="contact-li">
                    <ul class="social-wrap">
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                        <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                    </ul>
                </div>
            </article>
        </div>
        <div class="row">
            <article class="col-md-12">
                <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
            </article>
        </div>
    </footer>
    <!-- Core JS Libraries -->
    <script src="bootstrap/js/jquery.js" type="text/javascript"></script>
    <script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.js" ></script>
    <!-- JS Plugins -->
    <script src="javascripts/device.min.js"></script>
    <script src="javascripts/modernizr.js" type="text/javascript"></script>
    <script src="javascripts/retina.js" type="text/javascript"></script>
    <script src="javascripts/responsive-nav.js" type="text/javascript"></script>
    <script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
    <script src="javascripts/owl.carousel.js" ></script>
    <script src="javascripts/jquery.parallax-1.1.3.js" ></script>
    <script src="javascripts/equalheights.js" ></script>
    <script src="javascripts/jquery.bxslider.min.js"></script>
    <script src="javascripts/jquery.tweet.js"></script>
    <script src="javascripts/jquery.slimmenu.min.js"></script>
    <script src="javascripts/venobox.min.js"></script>
    <!-- JS Custom Codes -->
    <script src="javascripts/equalheights-init.js" ></script>
    <script src="javascripts/hiding-nav.js"></script>
    <script src="javascripts/carousel-init.js"></script>
    <script src="javascripts/parallax-init.js"></script>
    <script src="javascripts/services-init.js"></script>
    <script src="javascripts/venobox-init.js"></script>
    <script src="javascripts/pace.min.js" ></script>
    <script src="javascripts/main.js" ></script>

    <script>

        $(document).ready(function(){
            $('.bxslider').bxSlider({
                preloadImages: 'visible',
                touchEnabled: true,
                responsive: true,
                pager: false,
                controls: true
            });
        });

    </script>
@stop